@charset "UTF-8";

@import "_helper";
@import "_base-preheat";
@import "_normalize";

body {
	background: #f5f5f5;
}
.rank-list {
	li {
		padding: 7px 20px;
		overflow: hidden;
		.avatar-wrap{
			float: left;
			position: relative;	
			img {
				width: 55px;
				height: 55px;
			}
		}
		.icon-tag {
			position: absolute;	
			top: -5px;
			left: -10px;
			width: 30px;
			height: 17px;	
			text-align: center;	
			line-height: 13px;	
			color: #fff;
			background: url(#{$PAHT_IMG}icos/icon-tag-small-gray.png) no-repeat;
			background-size: 30px auto;
		}
		.info {
			float: left;
			padding-top: 14px;	
			overflow: hidden;
		}
		.name {
			display: inline-block;	
			width: 55px;
			padding-left: 10px;	
			font-weight: bold;
			font-size: 15px;
		}
		.flag {
			padding-right: 25px;	
			font-size: 13px;
			color: #f52720;
			.icon-flag {
				padding-right: 3px;	
			}
		}
		.supt{	
		    font-size: 13px;
			color: #666;
		}
		.prize-box {
			padding: 1px 5px;
			color: #ef4e1d;
			font-size: 12px;	
			border: 1px solid #ef4e1d;
			.icon-prize {
				background: url(#{$PAHT_IMG}icos/icon-prized.png) no-repeat;
			    background-size: 12px;
			}
		}
	}
	.item-self {
		padding-top: 10px;	
		margin-bottom: 15px;	
		background: #fff;
		border-bottom: 1px solid #d7d7d7;
	}
	.item-first {
		.icon-tag {
			background: url(#{$PAHT_IMG}icos/icon-tag-small-red.png) no-repeat;
		    background-size: 30px auto;
		}
	}
	.item-second {
	    .icon-tag {
			background: url(#{$PAHT_IMG}icos/icon-tag-small-org.png) no-repeat;
		    background-size: 30px auto;
		}
	}
	.item-third {
	    .icon-tag {
			background: url(#{$PAHT_IMG}icos/icon-tag-small-yel.png) no-repeat;
		    background-size: 30px auto;
		}
	}
}